<!DOCTYPE html>
<html lang="en" ng-app ="smartOlwApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Personas</title>
		<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_menu.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_tabladatos.css">
	  	
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog.css">
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-default.css">
		<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-plain.css">
	  	
        <!-- Importarmos angular JS -->
        <script type="text/javascript" src="../../js/jquery/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="../../js/main/template.js"></script>
    	<script type="text/javascript" src="../../js/angular-1.4.7/angular.min.js"></script>
    	<script type="text/javascript" src="../../js/bootstrap-3.2.0/js/ui-bootstrap-tpls-0.10.0.js"></script>
    	<script type="text/javascript" src="../../js/ngdialog-0.2.3/ngDialog.min.js"></script> 
    	<script type="text/javascript" src="../../js/angucomplete/angucomplete.js"></script> 
    	
    	<!-- importar script para las funciones del formulario -->
    	<!-- >
    	<script type="text/javascript" src="script/Personas_app.js"></script>
    	<script type="text/javascript" src="script/Personas_services.js"></script>
		<script type="text/javascript" src="script/Personas_controller.js"></script>
		-->
		<script type="text/javascript" src="../smart_maestros/script/maestro_app.js"></script>
		<script type="text/javascript" src="../smart_maestros/script/maestro_service.js"></script>
    	<script type="text/javascript" src="script/persona_controller.js"></script>
		
</head>
<body ng-controller="personaCtrl">
		<div class="col-md-10" id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Personas
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(persona)" 	ng-show = "!cargaDialogo" title = "Eliminar Personas"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"   ng-click="limpiar(persona)" 	title = "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(persona)" ng-show = "!cargaDialogo" title = "Consultar Personas"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(persona)" 	title = "Guardar Personas"></span></a>
		  </div>
		  <div class="panel-body">
		   <input id="scPersonas" type="text" class="texto" ng-model="persona.scpersona" style = "display:none;">
               
                <div class = "alert alert-danger alert-dismissable" id="messageBox">
                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="showModal()"></span></a>
				</div>
					<div class="col-md-10 panel panel-primary ng-scope"  style="height:450px;">
						<table style="width:100%; vertical-align: middle;">
								<tr style = "vertical-align: middle;">
									<td style="width:25%; vertical-align: middle;">
										<label  class="label">Tipo de identificacion*</label><br/>
										<select id="tipoIdentificacion" class="seleccion" ng-model="persona.tipoIdentificacion" ng-options="option.scdatmestro as option.dsdatmaestro for option in tipo_documentos">
										</select>
									</td>
									<td width="25%" height="100%">
										<label class="label" for="dsidentificacion">Número de Identificación*</label><br/>	
										<input id="dsidentificacion" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo Personas" class="texto" ng-model="persona.dsidentificacion">
								    </td>
								    <td width="25%" height="100%">
										<label class="label" for="dslugarexpedicion">Lugar de expedición*</label><br/>	
										<input id="dslugarexpedicion" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo Personas" class="texto" ng-model="persona.dslugarexpedicion">
								    </td>
								    <td width="25%" height="100%">
										<label class="label" for="sexo">Sexo</label><br/>
										<select id="sexo" class="seleccion" ng-model="persona.sexo" ng-options="option.scdatmestro as option.dsdatmaestro for option in sexos">
										</select>
								    </td>
							</tr>
							<tr style = "vertical-align: middle;">
																	    
									<td width="25%" height="100%">
										<label class="label" >Primer Nombre*</label><br/>	
										<input id="dspnombre" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dspnombre">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Segundo Nombre</label><br/>	
										<input id="dssnombre" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dssnombre">
									</td>
									<td width="25%" height="100%">
										<label class="label" for="dspapellido">Primer Apellido</label><br/>	
										<input id="dspapellido" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo Personas" class="texto" ng-model="persona.dspapellido">
								    </td>	
									<td width="25%" height="100%">
										<label class="label" >Segundo Apellido</label><br/>	
										<input id="dssapellido" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dssapellido">
									</td>
						
							</tr>
							<tr style = "vertical-align: middle;">
									<td width="25%" height="100%">
										<label class="label" >Nacimiento</label><br/>	
										<input id="fhnacimiento" type="date" placeholder="Ingrese Personas" class="texto" ng-model="persona.fhnacimiento">
									</td>
									<td width="25%" height="100%">
										<label class="label" for="dstelefono">Teléfono</label><br/>	
										<input id="dstelefono" type="text" ng-keypress="filterValue($event)" placeholder="Ingrese codigo Personas" class="texto" ng-model="persona.dstelefono">
								    </td>	
									<td width="25%" height="100%">
										<label class="label" >Célular</label><br/>	
										<input id="dscelular" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dscelular">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Email</label><br/>	
										<input id="dsemail" type="email" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsemail">
									</td>							
							</tr>
							
							<tr style = "vertical-align: middle;">
									
									<td width="25%" height="100%">
										<label class="label" >Profesión</label><br/>	
										<input id="dsprofesion" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsprofesion">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Empresa donde labora</label><br/>	
										<input id="dsempresatrabaja" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsempresatrabaja">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Cargo</label><br/>	
										<input id="dscargo" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dscargo">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Eps</label><br/>	
										<input id="dseps" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dseps">
									</td>
							</tr>
							
							<tr style = "vertical-align: middle;">
									<td width="25%" height="100%">
										<label class="label">Rh</label><br/>	
										<input id="dsrh" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsrh">
									</td>
									<td style="width:25%; vertical-align: middle;">
										<label  class="label">País*</label><br/>
										<select id="scpais" class="seleccion" ng-model="scpais" ng-options="option.scpais as option.dspais for option in paises" ng-change="cargarDepartamentos()">
										</select>
									</td>
									<td style="width:25%; vertical-align: middle;">
										<label  class="label">Departamento*</label><br/>
										<select id="dsdepartamento" class="seleccion" ng-model="dsdepartamento" ng-options="option.scdepartamento as option.dsdepartamento for option in departamentos" ng-change="cargarCiudades()">
										</select>
									</td>
									<td style="width:25%; vertical-align: middle;">
										<label  class="label">Ciudad de nacimiento*</label><br/>
										<select id="scciudadnacimiento" class="seleccion" ng-model="persona.scciudadnacimiento" ng-options="option.scciudad as option.dsciudad for option in ciudades">
										</select>
									</td>
							</tr>
							
							<tr style = "vertical-align: middle;">
									<td width="25%" height="100%">
										<label class="label">Barrio</label><br/>	
										<input id="dsbarrio" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsbarrio">
									</td>
									<td width="25%" height="100%">
										<label class="label">Dirección</label><br/>	
										<input id="dsdireccion" type="text" placeholder="Ingrese Personas" class="texto" ng-model="persona.dsdireccion">
									</td>
							</tr>
							
						</table>
					</div>
					<div class="container">				
						<table class = "tabledatos" ng-show = "!cargaDialogo">
							<thead>
								<tr>
									<th style="width: 150px;" >Identificación</th>
									<th style="width: 150px;" >Nombre</th>
									<th style="width: 150px;" >Apellido</th>
									<th style="width: 150px;" >Nacimiento</th>
									<th style="width: 150px;" >Teléfono</th>
									<th style="width: 150px;" >Célular</th>
									<th style="width: 150px;" >Profesión</th>
									<th style="width: 150px;" >Email</th>
									<th style="width: 250px;" >Dirección</th>
									<th style="width: 250px;" >Barrio</th>
									<th style="width: 50px;" >Acción</th>
								</tr>
							</thead>
							
							<tbody>
								<tr ng-show="personas.length == 0">
									<th colspan="12" style="text-align:center;">
										No hay registros de personas
									</th>
								</tr>
							
								<tr ng-repeat="d in personas | orderBy : 'dsPersonas'">
									<td style="width: 150px;">
									  {{d.tipoIdentificacion.dsvalor}} {{d.dsidentificacion}}
									</td>		
									<td style="width: 150px;">
									  {{d.dspnombre}} {{d.dssnombre}}
									</td>
									<td style="width: 150px;">
									  {{d.dspapellido}} {{d.dssapellido}}
									</td>
									<td style="width: 150px;">
									  {{d.sfhnacimiento}}
									</td>
									<td style="width: 150px;">
									  {{d.dstelefono}}
									</td>
									<td style="width: 150px;">
									  {{d.dscelular}}
									</td>
									<td style="width: 150px;">
									  {{d.dsprofesion}}
									</td>		
									<td style="width: 150px;">
									  {{d.dsemail}}
									</td>
									<td style="width: 250px;">
									  {{d.dsdireccion}}
									</td>
									<td style="width: 250px;">
									  {{d.dsbarrio}}
									</td>
									<td class="botonera-table" style="width: 50px;">
									  <a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(d)" title ="Editar"></span></a>
									</td>
								</tr>
							</tbody>
						</table>
						</div>
  
  </div>
</div> 
</div>
</body>
</html>